<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <!-- IE8浏览器的显示方式:IE=edge以IE最高版本显示，chrome=1 以谷歌浏览器模式渲染 -->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <!-- 禁止缩放 -->
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
    />
    <!-- 不识别为电话号码、邮箱 -->
    <meta name="format-detection" content="telephone=no, email=no" />
    <!-- 删除默认的苹果工具栏、菜单栏 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 360模式固定为极速模式 -->
    <meta name="renderer" content="webkit" />
    <!-- 兼容性视图设置 -->
    <meta name="HandheldFriendly" content="true" />
    <meta name="MobileOptimized" content="320" />
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait" />
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait" />
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes" />
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true" />
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application" />
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app" />
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="description" content="" />
    <!--一些页面缓存的信息-->
    <meta
      http-equiv="Cache-Control"
      content="no-cache, no-store, must-revalidate"
    />
    <!--以下为清除浏览器缓存-->
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>拥抱美好 一马相伴</title>
    <script>
      window.host_env = "{{host_env}}";
      if (window.host_env.indexOf("host_env") > -1) {
        window.host_env = "dev";
      }
      var headers = decodeURIComponent("{{headers}}").replace(/&quot;/g, '"');
      try {
        window.keep_app_headers = JSON.parse(headers);
      } catch (e) {
        window.keep_app_headers = {};
      }
    </script>
    <script>
      var _hmt = _hmt || [];
      (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?ee456839e13d8e915fe9f26c022df631";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>

    <script>
      (function (doc, win) {
        var docEl = doc.documentElement,
          resizeEvt =
            "orientationchange" in window ? "orientationchange" : "resize",
          recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            docEl.style.fontSize = 100 * (clientWidth / 750) + "px";
          };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>

    <link rel="stylesheet" href="https://staticweb.keepcdn.com/third-feapps/faw0515/css/swiper.min.css?t=1F16A372CFDC4FEC" />
    <link rel="stylesheet" href="https://staticweb.keepcdn.com/third-feapps/faw0515/css/main8.min.css?t=1F16A372CFDC4FEC" />
  </head>

  <body>
    <div class="main-bg-wrap">
      <div class="main-wrap">
        <!-- <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/bg-top.jpg" class="bg-top" alt=""> -->
        <div class="ff-nsc-r fz12 top-tips">
          本次活动由Keep提供，最终解释权归Keep所有
        </div>

        <div class="user-info-wrap">
          <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/test_drive.png?t=1F16A372CFDC4FEC" class="test_drive" alt="" />
          <input id="name" type="text" placeholder="填写您的姓名" />
          <input id="mobile" type="text" placeholder="请输入11位手机号" />

          <select placeholder="" name="" id="car">
            <option value="" disabled selected style="display: none;"
              >请选择意向车型</option
            >
            <option value="1415">阿特兹</option>
            <option value="20008">CX-4</option>
          </select>
          <div class="df-aic-jcsb select-inline">
            <select placeholder="" name="" id="province">
              <option value="" disabled selected style="display: none;"
                >选择省份</option
              >
            </select>

            <select placeholder="" name="" id="city">
              <option value="" disabled selected style="display: none;"
                >选择市/区</option
              >
            </select>
          </div>
          <select placeholder="" name="" id="dealer">
            <option value="" disabled selected style="display: none;"
              >请选择经销商</option
            >
            
          </select>

          <div class="protocol-wrap df-aic-jcfs">
            <div class="consent-wrap">
              <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/unsel.png?t=1F16A372CFDC4FEC" class="sel-icon sel-icon-un" alt="" />
              <img
                src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/sel.png?t=1F16A372CFDC4FEC"
                class="sel-icon sel-icon-sel"
                style="display: none;"
                alt=""
              />
              *已阅读并接受
            </div>
            <div onclick="_hmt.push(['_trackEvent', '马自达', '信息声明']);" class="consent-protocol">《个人信息保护声明》</div>
          </div>

          <img
            id="subscribe"
            src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/subscribe.png?t=1F16A372CFDC4FEC"
            class="subscribe"
            alt=""
            onclick="_hmt.push(['_trackEvent', '马自达', '马上预约']);"
          />
          <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/gift.png?t=1F16A372CFDC4FEC" alt="" class="gift" />
        </div>
        <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/gaibian.png?t=1F16A372CFDC4FEC" alt="" class="challenge" />

        <div class="challenge-wrap">
          <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/challenge-bg.png?t=1F16A372CFDC4FEC" alt="" class="challenge-bg" />
          <img
            src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/copywriting-challenge.png?t=1F16A372CFDC4FEC"
            class="copywriting-challenge"
            alt=""
          />
          <div class="start-challenge-wrap">
            <a href="https://activity.gotokeep.com/activity/240944314708500" onclick="_hmt.push(['_trackEvent', '马自达', '开始挑战']);" >
              <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/start-btn.png?t=1F16A372CFDC4FEC" class="start-btn" alt="" />
            </a>
            
            <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/start-logo.png?t=1F16A372CFDC4FEC" class="start-logo" alt="" />
            <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/copywriting2.png?t=1F16A372CFDC4FEC" alt="" class="copywriting2" />
          </div>
        </div>
        <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/yoga.png?t=1F16A372CFDC4FEC" alt="" class="yoga" />
        <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/join-discuss.png?t=1F16A372CFDC4FEC" alt="" class="join-discuss" />
        <a onclick="_hmt.push(['_trackEvent', '马自达', '参与讨论']);" href="https://show.gotokeep.com/hashtag/%E6%9C%89%E5%9E%8B%E6%9C%89%E8%87%B4%EF%BC%8C%E6%88%91%E7%9A%84%E8%BF%90%E5%8A%A8%E7%94%9F%E6%B4%BB">
          <img  src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/discuss-btn.png?t=1F16A372CFDC4FEC" alt="" class="discuss-btn" />
        
        </a>
        <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/line.png?t=1F16A372CFDC4FEC" alt="" class="line" />

        <div class="car1-wrap">
          <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car1-title.png?t=1F16A372CFDC4FEC" alt="" class="car1-title" />
          <div class="car1-swiper-wrap">
            <div class="car1-swiper-container">
              <div class="swiper-wrapper">
                 <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-2.jpg);"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-10.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-3.jpg);"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-4.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-5.jpg);"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-6.jpg);"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-7.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-8.jpg);"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-9.jpg)"></div>

                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-11.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-12.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-13.jpg);"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-14.jpg);"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-15.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-16.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-post-1.jpg);"></div>
               
              </div>
            </div>
            <div class="car-swiper-pagination car1-swiper-pagination"></div>
          </div>
        </div>
        <!-- kol1-2 -->
        <div class="main-man-wrap">
          <div class="man-wrap man-wrap1">
            <div class="man-swiper-wrap">
              <div class="man1-swiper-container">
                <div class="swiper-wrapper">
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-e-1.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-e-2.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-e-3.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-e-4.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-e-5.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-e-6.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-e-7.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-e-8.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-e-9.jpg)"></div>
 
                </div>
              </div>
              <div class="man-swiper-pagination man1-swiper-pagination"></div>
            </div>
            <a href="https://keep.com/entries/5ebcb42ec6c41c67a6b0665d"  onclick="_hmt.push(['_trackEvent', '马自达', '了解详情-erik']);">
              <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/know-detail.png?t=1F16A372CFDC4FEC" class="know-detail" alt="" />
            </a>
          </div>
          <div class="man-wrap man-wrap2">
            <div class="man-swiper-wrap">
              <div class="man2-swiper-container">
                <div class="swiper-wrapper">
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-q-1.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-q-2.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-q-3.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-q-4.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-q-5.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-q-6.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-q-7.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-q-8.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/atz-q-9.jpg)"></div>
 
                </div>
              </div>
              <div class="man-swiper-pagination man2-swiper-pagination"></div>
            </div>
            <a href="https://keep.com/entries/5ebca4e8ca065721df264c80"  onclick="_hmt.push(['_trackEvent', '马自达', '了解详情-琪琪']);">
              <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/know-detail.png?t=1F16A372CFDC4FEC" class="know-detail" alt="" />
            </a>
          </div>
        </div>
        <!-- kol3-4 -->
        <div class="main-man-wrap main-man-wrap2">
          <div class="man-wrap man-wrap3">
            <div class="man-swiper-wrap">
              <div class="man3-swiper-container">
                <div class="swiper-wrapper">
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-x-1.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-x-2.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-x-3.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-x-4.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-x-5.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-x-6.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-x-7.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-x-8.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-x-9.jpg)"></div>
                </div>
              </div>
              <div class="man-swiper-pagination man3-swiper-pagination"></div>
            </div>
            <a href="https://keep.com/entries/5ebcb06b65398a0b0a981454"  onclick="_hmt.push(['_trackEvent', '马自达', '了解详情-徐辣儿']);">
              <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/know-detail.png?t=1F16A372CFDC4FEC" class="know-detail" alt="" />
            </a>
          </div>
          <div class="man-wrap man-wrap4">
            <div class="man-swiper-wrap">
              <div class="man4-swiper-container">
                <div class="swiper-wrapper">
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-p-1.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-p-2.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-p-3.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-p-4.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-p-5.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-p-6.jpg);"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-p-7.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-p-8.jpg)"></div>
                  <div class="swiper-slide" style="background-image:url(https://staticweb.keepcdn.com/third-feapps/faw0515/img/cx4-p-9.jpg)"></div>
                </div>
              </div>
              <div class="man-swiper-pagination man4-swiper-pagination"></div>
            </div>
            <a href="https://keep.com/entries/5ebcb7296f4b874a443eb246"  onclick="_hmt.push(['_trackEvent', '马自达', '了解详情-小胖冯']);">
              <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/know-detail.png?t=1F16A372CFDC4FEC" class="know-detail" alt="" />
            </a>
          </div>
        </div>

        <!-- car2 -->
        <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/title1.png?t=1F16A372CFDC4FEC" class="title" alt="" />
        <div class="car2-wrap">
          <div class="car2-swiper-wrap">
            <div class="car2-swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car2-1.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">新一代魂动设计</div>
                  <div class="swiper-desc">
                    全新一代阿特兹让动感与质感完美结合，为您带来运动不失质感，简约不失格调的全新视觉感观。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car2-2.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">ALH自适应大灯</div>
                  <div class="swiper-desc">
                    造型更加修长与锐利，彰显运动与优雅之美。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car2-3.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">优雅外观质感内饰</div>
                  <div class="swiper-desc">
                    率先采用新一代魂动设计元素，强调光影变幻，达成震撼人心之美，率先采用MAZDA VISION COUPE概念车内饰设计理念，整体线条更加连贯与流畅，呈现优雅质感。

                  </div>
                </div>

                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car2-4.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">19寸新轮毂</div>
                  <div class="swiper-desc">
                    在保持立体感的同时，将辐条设计为更为直线的造型，营造更具张力的视觉感观。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car2-5.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">NAPPA座椅</div>
                  <div class="swiper-desc">
                    一向为豪华车所青睐的NAPPA真皮材质，工艺精细考究，触感细腻柔软。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car2-6.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">高档进口日本栓木</div>
                  <div class="swiper-desc">
                    纹理各异北海道栓木，木纹硬朗凛然，完美烘托出自然、安静的空间之美。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car2-7.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">奥司维高级面料</div>
                  <div class="swiper-desc">
                    现代工业技术和日本传统工艺完美结合，质感细腻，日照下呈现光滑流转的变化之美。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car2-8.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">BOSE环绕音响</div>
                  <div class="swiper-desc">
                    曼妙旋律环绕耳畔，悠扬之声一路随行。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car2-9.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">马自达悦联系统</div>
                  <div class="swiper-desc">
                    配备8英寸中央信息显示屏，并首次加入车载智能网联系统，带来实时安全守护的同时，更可与手机互通互联。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car2-10.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">NVH静谧技术</div>
                  <div class="swiper-desc">
                    全面进化的静谧性能与减震技术，不仅带来可时刻清晰对话的车内环境，更让驾者随心，乘者舒心。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car2-11.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">造车如艺 潮流进化</div>
                  <div class="swiper-desc">
                    充满层次感的匠涂水晶魂动红加上充满张力的车身线条，充满生命律动，让人心潮澎湃。
                  </div>
                </div>
              </div>
              <div
                class="car2-swiper-button-next swiper-button swiper-button-next"
              ></div>
              <div
                class="car2-swiper-button-prev swiper-button swiper-button-prev"
              ></div>
            </div>
            <div class="car-swiper-pagination car2-swiper-pagination"></div>
          </div>
        </div>
        <!-- car3 -->
        <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/title2.png?t=1F16A372CFDC4FEC" class="title" alt="" />

        <div class="car2-wrap">
          <div class="car2-swiper-wrap">
            <div class="car3-swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car-edit.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">黄金车身比例</div>
                  <div class="swiper-desc">
                    如超跑般的黄金车身比例，将SUV与轿跑的优点合二为一，优雅与动感兼容并蓄。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car3-2.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">勃艮第红色新内饰</div>
                  <div class="swiper-desc">
                    全新勃艮第红色内饰，简洁不失质感，激情更具格调。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car3-3.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">焕然一新的外观</div>
                  <div class="swiper-desc">
                    基于新一代魂动设计，全新保险杠、扰流尾翼、排气管、19寸飞花式大轮毂焕新升级。
                  </div>
                </div>

                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car3-4.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">GVC Plus</div>
                  <div class="swiper-desc">
                    全面提升转向响应性和行驶稳定性，过弯更加平顺自如。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car3-5.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">创驰蓝天发动机</div>
                  <div class="swiper-desc">
                    原装进口发动机搭配变速箱，动力输出高效平稳，换挡响应瞬息之间。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car3-6.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">新车辆构造技术</div>
                  <div class="swiper-desc">
                    全面升级的新底盘和高刚性新车身，保障驾驶乐趣同时，大幅提升乘坐舒适性。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car3-7.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">智能四驱系统</div>
                  <div class="swiper-desc">
                    配合近200mm高离地间隙，通过性与操控稳定性兼备。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car3-8.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">NVH静谧技术</div>
                  <div class="swiper-desc">
                    众多方面的革新，带来可时刻清晰对话的车内环境。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car3-9.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">马自达悦联系统</div>
                  <div class="swiper-desc">
                    配备8英寸中央信息显示屏，并加入车载智能网联系统，便捷高效，亦带来多重守护。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car3-10.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">ALH自适应大灯</div>
                  <div class="swiper-desc">
                    前大灯可快速自动识别前方车辆与行人，提高夜间路况辨别度，守护人员安全。
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/car3-11.png?t=1F16A372CFDC4FEC" alt="" />
                  <div class="swiper-title">新一代魂动设计</div>
                  <div class="swiper-desc">
                    优雅与动感兼容并蓄，精益求精的格调感回归纯粹，五感皆惊艳的轻奢质感体现。
                  </div>
                </div>
              </div>
              <div
                class="car3-swiper-button-next swiper-button swiper-button-next"
              ></div>
              <div
                class="car3-swiper-button-prev swiper-button swiper-button-prev"
              ></div>
            </div>
            <div class="car-swiper-pagination car3-swiper-pagination"></div>
          </div>
        </div>
        <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/line2.png?t=1F16A372CFDC4FEC" alt="" class="line2" />
        <img src="https://staticweb.keepcdn.com/third-feapps/faw0515/img/b-logo.png?t=1F16A372CFDC4FEC" class="b-logo" alt="" />
      </div>
    </div>

    <div class="shade">
      <div class="information-statement-wrap">
        <div class="information-title">关于⽤用户个⼈信息的相关声明</div>
        <div class="information-content">
          
          感谢您对一汽马自达品牌的关注以及对本⽹站的友好访问。一汽马自达作为本网站的所有人，特此发布本声明如下，提醒您仔细阅读。 

          <b>个⼈信息的范围</b> 

          我们向您收集的个⼈信息系能够单独或者与其他信息结合识别您的个⼈身份的信息，包括但不限于您的姓名、性别、年龄、出生日期、身份证号、住址、联系方式、爱好、职业、紧急联系人、相关账号、使⽤用我们的服务的时间和地点等个⼈信息（“个⼈信息”）。该等信息均是您自愿提供的。 
          <b>个人数据的使用和披露</b> 
  
          一汽马自达可将您的个⼈数据⽤用于网站的技术管理、客户服务和管理、产品调查和推广。在法律要求的情况下，我们将不可避免地将您的数据披露给政府机构。我们的雇员、代理和经销商均受保密义务的约束。您有权拒绝提供个⼈信息。但如果您拒绝提供某些个⼈信息，您将可能⽆法使⽤我们提供的某些产品、服务，或者可能对您使⽤这些产品或服务造成⼀定的影响，如出现前述情况或问题则需要您自行承担相应的后果。

          <b>适⽤法律</b>

          本声明适用中华人民共和国法律。
          <br>
          如果您需要查询、修改或更正您的个⼈信息，或对个⼈信息保护问题有
          任何疑问或投诉，您可以拨打400-666-8080联系我们。           
        </div>
        <div class="information-button">我知道了</div>
      </div>
    </div>
    <div class="msg-wrap">
      <div class="msg-info"></div>
    </div>

    <script src="https://staticweb.keepcdn.com/third-feapps/faw0515/js/zepto.min.js?t=1F16A372CFDC4FEC"></script>
    <script src="https://staticweb.keepcdn.com/third-feapps/faw0515/js/city3.min.js?t=1F16A372CFDC4FEC"></script>
    <script src="https://staticweb.keepcdn.com/third-feapps/faw0515/js/swiper.min.js?t=1F16A372CFDC4FEC"></script>
    <script src="https://staticweb.keepcdn.com/third-feapps/faw0515/js/main4.min.js?t=1F16A372CFDC4FEC"></script>
    <script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script src="https://staticweb.keepcdn.com/fecommon/package/jsbridge@1.23.2/dist/keepjsbridge.min.js"></script>
    <script>
      $.ajax({
        url:
          "https://show.gotokeep.com/wxjssdk?url=" +
          encodeURIComponent(location.href),
        success: function (res) {
          wx.config({
            debug: res.debug, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: res.appId, // 必填，公众号的唯一标识
            timestamp: res.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.nonceStr, // 必填，生成签名的随机串
            signature: res.signature, // 必填，签名
            jsApiList: ["updateAppMessageShareData"], // 必填，需要使用的JS接口列表
          });
        },
      });
      wx.ready(function () {
        wx.updateAppMessageShareData({
          title: "拥抱美好 一马相伴", // 分享标题
          desc: "与全新CX-4一起养成健康运动习惯！", // 分享描述
          link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: "https://staticweb.keepcdn.com/third-feapps/faw0515/img/share-img.jpg",
          success: function () {
            // 设置成功
          },
        });
        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
      });
      var ua = navigator.userAgent.toLocaleLowerCase();
      var isKeep = ua.indexOf("keep") >= 0;
      if (isKeep) {
        var shareData = {
          title: "拥抱美好 一马相伴", // 分享标题
          content: "与全新CX-4一起养成健康运动习惯！",
          url: location.href,
          image: "https://staticweb.keepcdn.com/third-feapps/faw0515/img/share-img.jpg",
          showShareIcon: true,
        };
        KeepJsbridge.ready(function () {
          KeepJsbridge.KeepBridgeCaller({
            callerName: "setKeepShareOption",
            data: shareData,
          });
          window.WebViewJavascriptBridge &&
            window.WebViewJavascriptBridge.callHandler(
              "setShareOption",
              shareData
            );
        });
      }
    </script>
  </body>
</html>













